<template>
    <GhNavBar title="设置"  />
  <div class="setting">
    <div class="mode">
        <van-cell title="青少年模式" is-link  > </van-cell>
        <van-cell title="关怀模式" is-link  ></van-cell>
    </div>
    <div class="notice">
        <van-cell title="消息通知" is-link  > </van-cell>
        <van-cell title="通用" is-link  ></van-cell>
    </div>
    <div class="privacy">
        <span>隐私</span>
        <van-cell title="朋友权限" is-link  > </van-cell>
        <van-cell title="个人信息与权限" is-link  ></van-cell>
        <van-cell title="个人信息收集清单" is-link ></van-cell>
        <van-cell title="第三方信息共享清单" is-link ></van-cell>
    </div>
    <div class="other">
        <van-cell title="帮助与反馈" is-link  > </van-cell>
        <van-cell title="关于平台" is-link  value="版本1.0.0" ></van-cell>
    </div>
  </div>
</template>

<script setup>
import {ref,onMounted,reactive} from "vue"
import GhNavBar from '@/components/gh-nav-bar.vue'
</script>

<style lang="scss" scoped>
.setting{
    height: 100vh;
    padding-top: 45px;
    background-color:var(--gh-bg);
    border-radius: 8px;
    overflow: hidden;
    .notice{
        margin-top: 10px;
    }
    .privacy{
        margin-top: 10px;
        span{
            font-size: 10px;
            margin-left: 16px;
            color: var(--gh-dark);
        }
    }
    .other{
        margin-top: 10px;
    }
}


</style>
